<#include "base.ftl">
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="${base}css/bootstrap.min.css">
  <link rel="stylesheet" href="${base}css/bootstrap-datetimepicker.min.css">
  <link href="http://hovertree.com/texiao/bootstrap/4/css/city-picker.css" rel="stylesheet" />
  <link rel="stylesheet" href="${base}css/mainPc.css">
  <title>广州久龙精品酒店</title>
</head>
<body>
  <header>
    <nav class="navlist">
      <div class="nav_left">
        <ul>
          <li><a class="logo" href="javascript:;"><img src="img/logo_orange.png" height="40" alt=""></a></li>
          <li><a href="${base}indexPc.html">首页</a></li>
          <li><a href="${base}kfydPc.html">酒店预订</a></li>
          <li class="nav_list">
            <a href="javascript:;">全景图</a>
            <ul>
              <li><a href="http://720.720gz.com/al/jljpjd/kaiyang.html?star" target="_Blank">开阳</a></li>
              <li><a href="http://720.720gz.com/al/jljpjd/linjiang.html?startscene=10&startactions=lookat" target="_Blank">临江</a></li>
              <li><a href="http://720.720gz.com/al/jljpjd/longli.html" target="_Blank">龙里</a></li>
              <li><a href="http://720.720gz.com/al/jljpjd/sansui.html?startscene=19&startactions=lookat" target="_Blank">三穗</a></li>
              <li><a href="http://720.720gz.com/al/jljpjd/shiqian.html?startscene=10&startactions=lookat" target="_Blank">石阡</a></li>
              <li><a href="http://720.720gz.com/al/jljpjd/weining.html?startscene=25&startactions=lookat" target="_Blank">威宁</a></li>
              <li><a href="http://720.720gz.com/al/jljpjd/longli.html" target="_Blank">龙里</a></li>
            </ul>
          </li>
          <li><a  href="yhhd.html">优惠活动</a></li>
          <li><a href="${base}jtspPc.html">集团视频</a></li>
          <li><a href="${base}jdxgPc.html">酒店相关</a></li>
        </ul>
      </div>
      
    </nav>
    <div class="shadow"></div>
  </header>

  <div class="container">
    
    <div id="myCarousel" class="carousel slide">
      <!-- 轮播底部标识,需手动添加 -->
      <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
      </ol>   
      <!-- 轮播banner -->
      <div class="carousel-inner">
        <div class="item active">
          <a class="h4 banner_title_a" href="javascript:;">应有尽有：舒适无处不在</a>
          <img class="banner" src="img/winter-1700.jpg" height="300" alt="First slide">
        </div>
        <div class="item">
          <a class="h4 banner_title_a" href="javascript:;">应有尽有：舒适无处不在</a>
          <img class="banner" src="img/wedding-1700.jpg" height="300" alt="Second slide">
        </div>
        <div class="item">
          <a class="h4 banner_title_a" href="javascript:;">应有尽有：舒适无处不在</a>
          <img class="banner" src="img/kayak-1700.jpg" height="300" alt="Third slide">
        </div>
        <div class="item">
          <a class="h4 banner_title_a" href="javascript:;">应有尽有：舒适无处不在</a>
          <img class="banner" src="img/food_drink-1700.jpg" height="300" alt="Third slide">
        </div>
      </div>
      <!-- 轮播左右按钮 -->
      <a class="carousel-control left" href="#myCarousel" data-slide="prev"><i class="il"></i></a>
      <a class="carousel-control right" href="#myCarousel" data-slide="next"><i class="ir"></i></a>
    </div> 


    <ol class="breadcrumb">
      <li><a href="#">首页</a></li>
      <li><a href="#">扫码支付</a></li>
      <li class="active">扫码支付</li>
    </ol>

    <div class="row">
      <div class="col-md-8 col-xs-12">
        <!--每行2个活动start-->
        <div class="row">
          <div class="col-md-6">
            <ul class="list-group">
              <li class="list-group-item huise">扫描二维码进行支付</li>
              <li class="list-group-item" style="overflow: hidden;">
                <div class="liststop">
                 <div id="qrcodeTable" style="text-align: center;margin-left: 3rem"></div>
                  <div>
                    <div> 
                      <span class="spanaddress text-muted">订单号：${orderId}</span>
                      <p class="text-muted">日期：${time}</p>
                    </div>
																					
				<a href="#" style="text-align:center;" class="btn btn-warning" onclick="return isFlag()" >我已支付，请确定</a>
                  </div>
            
                </div>
              </li>
            </ul>
          </div>
          
       

      <style>
        
      </style>
      




   
     
  
</div>
  <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div id="denglu" class="modal-content">
      <form name="dl" method="post" action="denglupd.php">
        <div id="denglu_biaoti">
          <span>快速登录</span>
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
              &times;
            </button>
        </div>
        <div id="shang">
          <input type="text" id="yx" name="name" placeholder="手机/邮箱">
          <input type="password" id="mm" name="pwd" placeholder="密码">
        </div>
        <div id="xia">
          <input type="text" id="yz" placeholder="验证码">
          <img src="images/yzm1.jpg">
        </div>
        <div id="denglu_zc">
          <span>还没有账号？<a href="javascript:;" style="margin-right: 10px;">微信登陆</a><a href="zc.html">注册</a></span>
          <a id="wangji" href="${base}wjmmPc.html">忘记密码</a>
        </div>
        <div id="but">
          <input type="submit" value="立即登录" id="anniu">
        </div>
      </form>
    </div>
  </div>



   <script  src="${base}js/jquery-1.4.2.min.js"></script>
  <script src="${base}js/jquery.min.js"></script>
  <script src="${base}js/qrcode.js"></script>
<script src="${base}js/jquery.qrcode.min.js"></script>
<script src="${base}js/jquery.qrcode.js"></script>
  <script src="${base}js/bootstrap.min.js"></script>
  <script src="${base}js/bootstrap-datetimepicker.min.js"></script>
  <script src="${base}js/bootstrap-datetimepicker.fr.js"></script>
  <script src="http://hovertree.com/texiao/bootstrap/4/js/city-picker.data.js"></script>
  <script src="http://hovertree.com/texiao/bootstrap/4/js/city-picker.js"></script>
  <script src="${base}js/mainPc.js"></script>
  <script type="text/javascript">  

	jQuery('#qrcodeTable').qrcode({
		render	: "table",
		text	: "${urlCode}"
	});	


function isFlag(){
return	$.ajax({
		type:'post',
		url:'checkPay',
		data:{orderId:${orderId}},
		dataType:'json',
		success:function(data){
			try{		
				var test=data.isFlag;
				alert(test);
				if(test=="0"){
					alert('支付失败，请联系客服人员！');
					return false;
				}else{
					alert('支付成功！');
				
					window.location.replace('grzxYijiePc');
				}
					
					
			}catch(e){
				console.log(e);
			}
		},
		error:function(data){
			alert("交易出错！");
			return false;
		}
	});
}

      </script>
</body>
</html>